{extend name="layout/base" /}
<!-- 标题 -->
{block name="title"}管理首页{/block}
<!-- CSS -->
{block name="css"}{/block}
<!-- JS -->
{block name="js"}
<script type="text/javascript" src="__STATIC__/lib/jquery/jquery.pjax.js"></script>
{/block}
{block name="jscode"}
<script type="text/javascript">
$(document).ready(function() {
    if ($.support.pjax) {
        $(document).on('click', 'a[data-pjax]', function(event) {
            console.log(event);
            $.pjax.click(event, {container: "#pjax-container"});
        })
    }

});
</script>
{/block}
<!-- 具体内容 -->
{block name="content"}
<h2 class="header-dividing">Pjax操作方法</h2>
<div class="container">
    <div class="panel">
        <a href="{:url('/help/pjax_list')}" data-pjax>加载列表</a>
        <a href="{:url('/help/pjax_list','id=1')}" data-pjax>加载列表</a>
        <a href="{:url('/help/pjax_list','id=2')}" data-pjax>加载列表</a>
        <a href="{:url('/help/pjax_list','id=3')}" data-pjax>加载列表</a>
    </div>
</div>
<div class="contaier" id="pjax-container">
    内容
</div>
{/block}